@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
  html,body {
    font-size:46.08px;
  }
}
@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
  html,body {
    font-size:40.96px;
  }
}
@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
  html,body {
    font-size:34.13333333333333px;
  }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
  html,body {
    font-size:30.72px;
  }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
  html,body {
    font-size:27.30666666666667px;
  }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
  html,body {
    font-size:25.6px;
  }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
  html,body {
    font-size:23.04px;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
  html,body {
    font-size:20.48px;
  }
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
  html,body {
    font-size:17.664px;
  }
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
  html,body {
    font-size:17.066666666666666px;
  }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
  html,body {
    font-size:16px;
  }
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
  html,body {
    font-size:15.36px;
  }
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
  html,body {
    font-size:13.653333333333334px;
  }
}

body,html {
  line-height: 1;
  font-family: 'PingFang SC','STHeitiSC-Light','Helvetica-Light',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}
* { touch-action: none; }
.overflow-txt{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
  
.clear-input{
  background:none;
  outline:none;
  border:0;
}
  
.clear-btn{
  border:none;
  border-radius:0;
  outline:none;
}
  

.clear-select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  border:none;
  outline: none;
  background-color:transparent;
}
  

.clear-select::-ms-expand { 
  display:none;
}
input[type="radio" i]{
  margin:0;
  -webkit-appearance:none;
}
.js-active{
  color: #f06774;
}
.js-hidden{
  display: none;
}

